<template>
	<view class="content">
		<view class="lunbotu">
			<swiper indicator-dots="true" circular="true" 
			autoplay="true" interval="3000">
				<swiper-item>
					<image src="../../static/lunbo/lun1.jpeg"
					class="lunbotu">
					</image>
				</swiper-item>
				<swiper-item>
					<image src="../../static/lunbo/lun2.jpeg"
					class="lunbotu">
					</image>
				</swiper-item>
			</swiper>
		</view>
	
		
		<view class="daohang1">
			<view class="daohang2">
				<navigator url="../zijiandan/zijian">
				<image class="iconfont icon-jia" ></image>
				<text >自建单</text>
				</navigator>
			</view>
			
			<view class="fengex">
				
			</view>
			
			<view class="daohang2">
			   <navigator url="../zijiandan/ddaohang/index">
					<!-- <navigator url="../zijiandan/ddaohang/ceshi"> -->
				<image class="iconfont icon-jiufangkuai"></image>
				<text>工程单(4)</text>
			    </navigator>  
			</view>
			
		</view>
		<!-- 常用工具-->
		
		<view class="dibu">
			<view class="gongju">
				<text>常用工具</text>
			</view>
			<view class="fengex2"></view>
			
			<view class="jiu">	
				<view class="jiu_item" >
					<view class="Gsimg">
						<image class="iconfont icon-fuwumb" ></image>
					</view>
					<view class="Gstitle">服务政策</view>
				</view>
				<view class="jiu_item" >
					<view class="Gsimg">
						<image class="iconfont icon-shoufei" ></image>
					</view>
					<view class="Gstitle">收费标准</view>
				</view><view class="jiu_item" >
					<view class="Gsimg">
						<image class="iconfont icon-chaxun" ></image>
					</view>
					<view class="Gstitle">保修查询</view>
				</view><view class="jiu_item" >
					<view class="Gsimg">
						<image class="iconfont icon-guzhang" ></image>
					</view>
					<view class="Gstitle">故障查询</view>
				</view><view class="jiu_item" >
					<view class="Gsimg">
						<image class="iconfont icon-icon" ></image>
					</view>
					<view class="Gstitle">通知公告</view>
				</view><view class="jiu_item" >
					<view class="Gsimg">
						<image class="iconfont icon-wenti" ></image>
					</view>
					<view class="Gstitle">问题反馈</view>
					
				</view>
				
				
			</view>
			
		</view>
		
		
		
	</view>
	
</template>

<script>
	export default{
		
	
	}
		
	
</script>

<style lang="scss">
	@import '../../common/css/icons.css';
	.content{
		background-color: #e2e2e2;
	}
	.jiu{
		        display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				align-content: space-between;
				background: #f7f7f7;
				
				.jiu_item {
					width: 50%;
					height: 170rpx;
					text-align: center;
					/* border:5rpx solid #ccc; */
					border:13rpx solid #ffffff;
					box-sizing:border-box;
					display: flex;
					.Gsimg {
						width: 96rpx;
						height: 96rpx;
						/* margin-top: 42rpx; */
						margin-top: 30rpx;
						margin-left: 50rpx;
						.icon-fuwumb{
							color: #f0b14a;
						}
						.icon-shoufei{
							color: #25dd8a;
						}
						.icon-chaxun{
							color: #eb1869
						}
						.icon-guzhang{
							color: #ff2600
						}
						.icon-icon{
							color: #ffbd15
						}
						.icon-wenti{
							color: #4cbbff
						}
						
						image {
							width: 96rpx;
							height: 96rpx;
							font-size: 90rpx;
							display: block;
						}
					}
					.Gstitle {
						width: 100%;
						height: 34rpx;
						line-height: 34rpx;
						color: #06121e;
						font-size: 35rpx;
						margin-top: 18%;
						
					}
				}
		
	}
	
	
	.dibu{
		background-color:#ffffff;
		margin: 20rpx;
		.gongju{
			
			margin-left: 7%;
		}
	}
	
	
	.fengex{
		width: 10rpx;
		height: 80%;
		background-color:  #e2e2e2;
		margin-top: 30rpx;
		
	}
	.fengex2{
		width: 90%;
		height: 7rpx;
		background-color:  #e2e2e2;
		margin-right: 5%;
		margin-left: 5%;
		margin-top: 30rpx;
		margin-bottom: 20rpx;
	}
	
	.daohang1{
		height: 200rpx;
		
		background-color:#ffffff;
		display: flex;
		margin: 20rpx;
		 
		.daohang2{
			width: 50%;
			margin-left: 18%;
			margin-top: 8%;
			//display: block;
			
			image{
				display: flex;
				margin-left: 10%;
				height: 50rpx;
				width: 50rpx;
				color: #007AFF;
				font-size: 50rpx;
			
			}
			text{
				
			font-size:30rpx;
			
			
			}
		}
		
	},
	
	.lunbotu{
		swiper{
			width: 100%;
			
		}
		image{
			width: 100%;
			height: 100%;
		}
	}
	
	
</style>
